import React from 'react';
import { Tabs, TabsProps } from 'antd';
import GuestCard from './components/guest';
import ManagementCard from './components/manage';
import { useIntl } from '@umijs/max';

const LossReport: React.FC = () => {


  const intl = useIntl()

  const items: TabsProps['items'] = [
    {
      key: '1',
      // label: '客人卡- 挂失记录',
      label:intl.formatMessage({id:"Administer.Guest Card"}) + " " + intl.formatMessage({id:"Administer.Lost report"}),
      children: <GuestCard key={'GuestCard'} />,
    },
    {
      key: '2',
      // label: '管理卡- 挂失记录',
      label:intl.formatMessage({id:"Administer.Management card"}) + " " + intl.formatMessage({id:"Administer.Lost report"}),
      children: <ManagementCard key={'ManagementCard'} />,
    },
  ];

  return (
    <>
      <Tabs defaultActiveKey="1" items={items}></Tabs>
    </>
  );
};

export default LossReport;
